<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="assets/css/blog.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
</head>
<body>
<!-- 头部 -->
  <div th:include="pub_head"></div>
<div class="three_cont center flex">
    <dd class="three_tit">搜索结果</dd>
</div>
<div class="container_one ">
    <div class="container_box flex center">
        <dl th:each="user:${modules[0].banners}">
            <dt><a href="blog"><img th:src="${user.imgUrl1}" alt=""></a></dt>
            <dd>
                <h3>[[${user.title}]]</h3>
                <p>[[${user.description}]]</p>
                <p>[[${user.b1}]]<span>[[${user.b2}]]</span> </p>
            </dd>
        </dl>
    </div>
</div>
<!--分页-->
<ul class="flex tab_Fas sad">
    <li class="all_page" style="width:100%;display: flex;justify-content: center;padding: 0"
        data-max-page="2" data-now-page="1">
    </li>
</ul>

<div th:include="pub_footer"></div>

<script>
    $('.tab_Fas p:eq(0)').attr('data-type', 1)
    $('.tab_Fas p:eq(1)').attr('data-type', 2)

    let maxPage = $('li[data-max-page]').attr('data-max-page')
    for (let i = 0; i < maxPage; i++) {
        $(".all_page").append(
            `
                                <span data-page="${i + 1}">${i + 1}</span>
                                `
        )
    }
</script>

</body>
</html>
